<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div class="box">box</div>
  </body>
  <script>
    // (function () {
    //   var box = document.getElementsByClassName("box")[0];
    //   //函数内嵌套函数，形成闭包  用闭包的好处可以减少全局变量的使用
    //   box.onclick = function () {
    //     console.log(this.innerHTML);
    //   };
    //   box = null; //间接实现垃圾回收
    // })();

    (function () {
      var box = document.getElementsByClassName("box")[0];
      box.onclick = txt;//函数调用后会立即销毁
      box = null;
    })();

    function txt () { //设为全局变量
        console.log(document.getElementsByClassName("box")[0].innerHTML);
      };
    
  </script>
</html>
